 @@include('public/header.html', {
    "title": "个人中心"
  })
    
  <!-- 主体部分 -->
<div class="company-content">
  <p>首页 > 个人中心</p>

  <ul class="left">
    <h3>订单管理</h3>
    <li href="#myorder"><a href="javascript:void(0);">我的订单</a></li>
    <h3>我的信息</h3>
    <li href="#personalcenter"><a href="javascript:void(0);">个人中心</a></li>
    <li href="#myaddress"><a href="javascript:void(0);">收货地址</a></li>
    <h3>售后服务</h3>
    <li href="#myreplace"><a href="javascript:void(0);">换货单</a></li>
    <li href="#myreturn"><a href="javascript:void(0);">退货单</a></li>
    <li href="#myrepair"><a href="javascript:void(0);">维修单</a></li>
  </ul>


  <ul class="right" >
  <!-- 订单管理>我的订单start -->
      <ul class="company-all saleService  personal" id="myorder">
          <h1>我的订单<b>请谨防钓鱼链接或诈骗电话</b></h1>
          <!-- 订单状态切换 -->
          <ul class="change-status">
            <li href="#allStatus" class="order-active"><a href="javascript:void(0);">全部订单</a></li>
            <li href="#payStatus"><a href="javascript:void(0);">待支付</a></li>
            <li href="#receiveStatus"><a href="javascript:void(0);">待收货</a></li>
            <li href="#closeStatus"><a href="javascript:void(0);">已关闭</a></li>
            <li  class="personal-search-input"> <input id="txtSearch" class="search-input" value="商品名称、订单号"></li>
            <!-- 筛选排序 -->
            <ul class="select-wrapper">
                <li class="personal-select up kno-select">最近三个月</li>
                <select class="selectbox">
                    <option value="0">最近三个月</option>
                    <option value="1">最近六个月</option>
                    <option value="2">今年</option>
                </select>
                <ul class="personal-select-sbn kno-select-inner">
                    <li id="0">最近三个月</li>
                    <li id="1">最近六个月</li>
                    <li id="2">今年</li>
                </ul>
            </ul>
            <!-- 筛选排序end -->
          </ul>
          <table class="order-table" id="allStatus">
             <tbody>
                <tr>
                    <th class="my-order">订单详情</th>
                    <th class="my-address">收货人</th>
                    <th class="my-total">总计</th>
                    <th class="my-status">状态</th>
                 </tr>

                 <tr class="order-detail">
                    <th colspan="4">订单号：2015015437<b>2015-07-23 14:07:03</b></th>
                 </tr>

                 <tr class="order-content single-order">
                    <td rowspan="3" class="my-order">
                      <ul>
                        <li><img src=""></li>
                        <li class="pro-name">至臻系列WS215e</li>
                        <li class="pro-num">1</li>
                        <li class="pro-remark" style="display:none;">返修/退换货</li>
                      </ul>
                    </td>
                    <td class="my-address">闻上科技测试</td>
                    <td class="my-total">2000.00</td>
                    <td class="my-status status-pay">待支付</td>
                  </tr>

                  <tr class="order-detail">
                    <th colspan="4">订单号：2015015437<b>2015-07-23 14:07:03</b></th>
                 </tr>

                  <tr class="order-content more-order">
                    <td class="my-order">
                      <ul>
                        <li><img src=""></li>
                        <li class="pro-name">至臻系列WS215e</li>
                        <li class="pro-num">1</li>
                        <li class="pro-remark">返修/退换货</li>
                      </ul>
                      <ul>
                        <li><img src=""></li>
                        <li class="pro-name">至臻系列WS215e</li>
                        <li class="pro-num">1</li>
                        <li class="pro-remark">返修/退换货</li>
                      </ul>
                    </td>
                    <td rowspan="2" class="my-address">闻上科技测试</td>
                    <td rowspan="2" class="my-total">2000.00</td>
                    <td rowspan="2" class="my-status status-complete">已完成</td>
                  </tr>
               </tbody>
          </table>
          <table class="order-table" id="payStatus">
          </table>

          <table class="order-table" id="receiveStatus">
          </table>

          <table class="order-table" id="closeStatus">
          </table>
        <!-- 订单状态切换end -->
      </ul>
 <!-- 订单管理>我的订单end -->


  <!-- 我的信息>个人中心start -->
      <ul class="company-all  saleService personal" id="personalcenter">
           <h1>个人中心<b>详细的个人信息有助于我们为您提供更个性化的服务</b></h1>
           <ul>
               <li>
                  <h5>设置头像</h5>
                  <span class="userpic"></span>
                  <span class="userpic-edit edit" href="#edPhoto"></span>
                  <h2>闻上测试名-admin-1<span class="edit ed-uname" href="#edUname">修改</span></h2>
                  <p class="user-id">110110110</p>
               </li>
               <li>账户安全：<b class="user-grade">普通</b></li>
               <li>绑定手机：<span>13563356882</span><b class="edit ed-phone" href="#edPhone">修改</b></li>
               <li>密&nbsp&nbsp码：<span>*******</span><b class="edit ed-pass" href="#edPass">修改</b></li>
               <li>默认收货地址：<span>上海浦东新区晨晖路88号1栋411</span><b class="edit ed-address" href="#edAddress">修改</b></li>
           </ul>

  <!-- 弹出主体 -->
           <div class="pop-content">
           <!-- 修改头像 -->
               <ul class="ed " id="edPhoto">
                 <span class="close-pop"></span>
                 <h1>上传头像<b>上传，修改属于您的个性头像</b></h1>
                 <li><button class="upload-photo">上传头像</button></li>
                 <li><p>上传图片不得大于2BM，格式为JPEG，PNG</p></li>
                 <li class="select-photo">选择推荐头像</li>
                 <ul>
                   <li class="photo01"><span></span></li>
                   <li class="photo02"><span></span></li>
                   <li class="photo03"><span></span></li>
                   <li class="photo04"><span></span></li>
                   <li class="photo05"><span></span></li>
                   <li class="photo06"><span></span></li>
                   <li class="photo07"><span></span></li>
                   <li class="photo08"><span></span></li>
                 </ul>
               </ul>

          <!-- 修改名称 -->
               <ul class="ed" id="edUname">
                 <span class="close-pop"></span>
                 <h1>昵称修改<b>个性昵称，可用于登录</b></h1>
                 <li>昵称：<span>闻上测试名-admin-1</span></li>
                 <li><input type="text" value="请输入最新昵称" class="search-input"></li>
                 <li class="error-remind"><i></i><p>昵称只能为</p><p>英文+中文+数字</p></li>
                 <li><button>确定</button></li>
               </ul>

          <!-- 修改手机 -->
               <ul class="ed " id="edPhone">
                   <span class="close-pop"></span>
                   <h1>手机修改<b>为了保护账号安全，需要验证手机有效性，并可用于登录</b></h1>
                   <ul>
                     <li class="step01">输入新手机</li>
                     <li class="step02">验证新手机</li>
                     <li style="padding-left: 25px;" class="step03">完成</li>
                     <span class="editprocess"></span>
                   </ul>
                   <!-- 输入新手机 -->
                   <div class="inputnewphone processall">
                     <li>已绑定手机：<span class="phonenum">189****8888</span></li>
                     <li><input type="text" value="请输入最新绑定的手机号" class="search-input"></li>
                     <li><input type="text" value="请输入右侧验证码" class="search-input shortwidth"><a href="javascript:;" class="phone-test">发送验证码</a></li>
                     <li><button class="edit-phone-btn shortwidth">下一步</button></li>
                   </div>
                   <!-- 验证新手机 -->
                   <div class="testnewphone processall">
                     <li>已向您的手机<span class="phonenum num-color">18988888888</span>发送了验证短信，请输入短信中的验证码</li>
                     <li><input type="text" value="请输入右侧验证码" class="search-input shortwidth01"><a href="javascript:;" class="phone-test">重新发送</a></li>
                     <li>
                        <button class="edit-confirm-btn shortwidth02">确定</button>
                        <button class="edit-cancel-btn shortwidth02">取消</button>
                     </li>
                   </div>
                   <!-- 完成 -->
                   <div class="editcomplete processall">
                     <li><img src="assets/images/personal/compelete.png"><span>完成</span></li>
                     <li><button class="edit-phone-btn shortwidth02"><a href="join.html">重新登录</a></button></li>
                   </div>
               </ul>

          <!-- 修改密码 -->
               <ul class="ed " id="edPass">
                  <span class="close-pop"></span>
                  <h1>密码修改<b>请牢记最新的登录密码</b></h1>
                  <!-- 密码修改第一步 -->
                  <div class="editpass1"> 
                     <li><label>当前密码:</label><input type="password" class="oldpass"></li>
                     <li><label>新密码:</label><input type="password" class="newpass"></li>
                     <span class="error-remind"><i></i><p>6-24位数字，字母组合</p></span>
                     <li><label>确认新密码:</label><input type="password" class="confirmpass"></li>
                     <span class="error-remind"><i style="display:none"></i><p></p></span>
                     <li><button class="submit-btn">提交</button></li>
                  </div>
                  <!-- 密码修改完成 -->
                  <div class="editpass2">
                     <li><img src="assets/images/personal/pass.png"><span>密码修改成功</span></li>
                     <li><button class="edit-phone-btn shortwidth02"><a href="join.html">重新登录</a></button></li>
                  </div>
               </ul>

          <!-- 修改地址 -->
               <ul class="ed " id="edAddress">
                 <span class="close-pop"></span>
                 <h1>地址修改</h1> <span>设为默认地址</span>
               </ul>
           </div>
      </ul>
  <!-- 我的信息>个人中心end -->

      <ul class="company-all  saleService personal" id="myaddress">
          <h1>收货地址dd<b>准确地填写收货地址，我将把商品第一时间送达</b></h1>
          <ul>
              <li class="addnew"><span></span><h4>添加收货地址</h4></li>
              <li class="list">
                <ul>
                  <li><span class="name">闻上测试名</span><span class="type">公司</span></li>
                  <li><p>189***0000</p><p>上海 上海市 浦东新区</p><p>晨晖路88号一栋411室(200135)</p></li>
                  <li class="operation">
                    <span class="set-default">设为默认收货地址</span>
                    <span class="modify op">修改</span>
                    <span class="delete op">删除</span>
                    <i></i>
                  </li>
                </ul>
              </li>
              <li class="list">
                <ul>
                  <li><span class="name">闻上测试名</span><span class="type">家</span></li>
                  <li><p>189***0000</p><p>上海 上海市 浦东新区</p><p>晨晖路88号一栋411室(200135)</p></li>
                  <li class="operation">
                    <span class="set-default">设为默认收货地址</span>
                    <span class="modify op">修改</span>
                    <span class="delete op">删除</span>
                    <i></i>
                  </li>
                </ul>
              </li>
          </ul>
      </ul>

      <ul class="company-all saleService personal" id="myreplace">
      </ul>

      <ul class="company-all saleService personal" id="myreturn">
      </ul>

      <ul class="company-all saleService personal" id="myrepair">
      </ul>
  </ul>
</div>

   @@include('public/footer.html')
